<template>
  <div class="avatar">
    <!--      <i class="el-icon-s-custom" style="font-size: 1.8rem"></i>-->
    <el-avatar size="medium" :src="circleUrl"></el-avatar>
    <span class="name">不知名网友</span>
    <span>北京</span>
  </div>
</template>

<script>
export default {
  name:'avatarLayout',
  data() {
    return {
      circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png"
    }
  },
  methods: {},
  mounted() {
  }
}
</script>

<style lang="scss" scoped>
.avatar {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  .name{
    margin: 0 1.5rem 0 1rem;
  }
}
</style>
